/*这个文件里,专门写博客列表页相关的样式*/


.blog{
    width: 100%;
    /*高度如果不设置,就取决于里面内容高度的综合*/
    padding: 20px;

}

.blog .title{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding: 10px 0;
}

.blog .date{
    text-align: center;
    color: rgb(0,128,0);
    padding: 10px 0;/*上下10px 左右 0px*/
}

/*摘要信息:*/
.blog .desc{
    text-indent: 2em;/*缩进*/
}

.blog a{
    /*设置成块级元素,方便设置尺寸和边距*/
    display: block;
    width: 140px;
    height: 40px;
    margin: 10px auto;
    border: 2px black solid;
    color: black;
    /*垂直水平居中*/
    line-height: 40px;
    text-align: center;
    /*去掉下划线*/
    text-decoration:none ;

    /*如果想让变化变的柔和一些,可以直接加上过滤效果*/
    transition:all 2s ;
}

/*光标变化效果*/
.blog a:hover{
    background:#333;
    color: #fff;
}